// 引入posts-data.js
var postsData = require('../../../data/posts-data.js');
// console.log(postsData);
Page({

  /**
   * 页面的初始数据
   */
  data: {
    collected: false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var postId = options.id;
    this.data.currentPostId = postId; // 将postId存进data，方便下面的函数使用
    // console.log(options);

    var postData = postsData.postList[postId];
    this.setData({...postData})

    // 读取缓存
    var postsCollected = wx.getStorageSync('postsCollected');
    // console.log(postsCollected);

    if(postsCollected) { // 如果缓存存在，再设置
      var postCollected = postsCollected[postId];
      if(postCollected) { // 单篇文章缓存存在
        this.setData({ collected: postCollected });
      }
    } else { // 缓存为空
      var postsCollected = {};
      postsCollected[postId] = false;
      // 设置缓存
      wx.setStorageSync('postsCollected', postsCollected)
    }

  },
  // (点击收藏/取消收藏)：读取缓存, 获取缓存状态，改变图标颜色
  onCollectionTap: function() {
    // wx.showToast({
    //   title: collected ? "收藏成功" : "取消成功",
    //   duration: 1000 // 图标显示时间
    // })

    // 如果当前文章为收藏状态：是否取消收藏
    // 如果当前文章为为收藏：是否收藏
    var that = this;
    // 获取缓存状态
    var postsCollected = wx.getStorageSync('postsCollected');
    var collected = postsCollected[that.data.currentPostId];

    wx.showModal({
      // title: '收藏',
      content: collected ? '是否取消收藏' : '是否收藏',
      success: function(res) {
        console.log(res)
        if (res.confirm) {
          // 切换缓存状态，重新赋值
          collected = !collected;
          postsCollected[that.data.currentPostId] = collected;
          // 重新设置最新缓存状态
          wx.setStorageSync('postsCollected', postsCollected);
          that.setData({ collected });
        }
      }
    })
  },

  onshareTap: function () {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})